<template>
    <div id="app">
    <el-container>
        <el-header></el-header>
        <el-container>
            <el-aside>
                <el-menu router :default-active="$route.path">
                    <el-menu-item index="/">首页</el-menu-item>
                    <el-menu-item index="/about">概览</el-menu-item>
                    <el-menu-item index="/player">玩家</el-menu-item>
                </el-menu>
            </el-aside>
            <el-main>
                <router-view></router-view>
            </el-main>
        </el-container>
    </el-container>
    </div>
</template>

<script>
  // import New from './components/New.vue';
  export default {

    name: "App",
    components: {
      // New,Old,
    },
    props: {
      sampleP: {
        type: Number,
        default: 0
      },
    },
    data() {
      return {
        sampleD: "value"
      };
    },
    computed: {
      // sampleC() {
      //     return this.sampleD+'--';
      // }
    },
    created() {

      this.$store.dispatch("getProfessionTypes");
    },
    mounted() {
    },
    methods: {
      sampleM() {

      }
    },
    watch: {
      // sampleC(newValue, oldValue) {
      //
      // }
    },
  };
</script>

<!--<style scoped>-->
<style lang='scss' scoped>
   #app{
        text-align: center;
    }
    .el-header{
        background-color: rgba(190,216,20,0.54);
    }
    .el-aside{
        background-color:rgba(150,180,20,0.54) ;
        min-height: 90vh;
    }
    .el-main{
        background-color: rgba(50,150,20,0.54);
    }
</style>